<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE>
<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
<link rel="stylesheet" href="js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
<script type="text/javascript" src="js/bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>P2P互联网金融平台->首页</title>
		<link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="/css/core.css" type="text/css" />
<script type="text/javascript" src="/js/jquery/jquery-2.1.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>	</head>
	<body>
		<!-- 网页顶部导航 -->
<div class="el-header" >
		<div class="container" style="position: relative;">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="/index.do">首页</a></li>
										<li>
						  <a class="el-current-user" href="/personal.do">zwj995</a>
					</li>
					<li><a  href="/recharge.do">账户充值  </a></li>
					<li><a  href="/logout.do">注销 </a></li>
				<li><a href="#">帮助</a></li>
			</ul>
		</div>
</div>
		
		<!-- 网页导航 -->
<div class="navbar navbar-default el-navbar">
	<div class="container">
		<div class="navbar-header">
			<a href="/">
				<img alt="Brand" src="/images/logo.png">
			</a>
		</div>
		<ul class="nav navbar-nav">
			<li id="index"><a href="/index.do">首页</a></li>
			<li id="invest"><a href="/invest.do">我要投资</a></li>
			<li id="borrow"><a href="/borrow.do">我要借款</a></li>
			<li id="personal"><a href="/personal.do">个人中心</a></li>
			<li><a href="#">新手指引</a></li>
			<li><a href="#">关于我们</a></li>
		</ul>
	</div>
</div>

<script type="text/javascript">
	$("#"+"index").addClass("active");
</script>
		
		<!-- banner广告部分 start -->
		<div class="container-fuil">
			<div id="carousel-banner-generi" class="carousel slide el-banner" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carousel-banner-generi" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-banner-generi" data-slide-to="1"></li>
				</ol>
				<!-- Wrapper for slides -->
				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img src="/images/banner01.jpg" alt="...">
						<div class="carousel-caption"></div>
					</div>
					<div class="item">
						<img src="/images/banner02.jpg" alt="...">
						<div class="carousel-caption"></div>
					</div>
				</div>
				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-banner-generi" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-banner-generi" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!-- banner广告部分 end -->
		
		<!-- 项目3大特色feature -->
		<div class="container el-feature">
			<dl class="el-feature-item01">
				<dt>投资理财</dt>
				<dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
			</dl>
			<dl class="el-feature-item02">
				<dt>投资理财</dt>
				<dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
			</dl>
			<dl class="el-feature-item03">
				<dt>投资理财</dt>
				<dd>稳定投资、高收益、短期限，易融贷先行赔付，保障投资人权益。</dd>
			</dl>
		</div>
		
		<!-- 投资列表 -->
		<div class="container el-panel">
			<div class="panel el-panel">
				<div class="panel-title">
					<span class="pull-left">
						进行中借款
					</span>
					<div class="pull-right">
						<a class="btn btn-link " href="/invest.do">
							进入投资列表
						</a>
					</div>
				</div>
				<table class="table el-table table-hover">
					<thead>
						<tr>
							<th>借款人</th>
							<th>借款标题</th>
							<th>年利率</th>
							<th>金额</th>
							<th>还款方式</th>
							<th>借款期限</th>
							<th>进度</th>
							<th width="80px">操作</th>
						</tr>
					</thead>
					<tbody>
								<tr>
									<td>xdcsm</td> 	
									<td>321312</td>
									<td class="text-info">
										5%
									</td>
									<td class="text-info">5,000</td>
									<td>按月到期</td>
									<td>12月</td>
									<td>
										<div class="">
											0 %
										</div>
									</td>
									<td><a class="btn btn-danger btn-sm" href="/borrow_info.do?id=9">查看</a></td>
								</tr>
								<tr>
									<td>stef</td> 	
									<td>我穷啊</td>
									<td class="text-info">
										15%
									</td>
									<td class="text-info">1,200</td>
									<td>等额本息</td>
									<td>6月</td>
									<td>
										<div class="">
											100 %
										</div>
									</td>
									<td><a class="btn btn-danger btn-sm" href="/borrow_info.do?id=2">查看</a></td>
								</tr>
								<tr>
									<td>abcde</td> 	
									<td>111</td>
									<td class="text-info">
										5%
									</td>
									<td class="text-info">5,000</td>
									<td>等额本息</td>
									<td>3月</td>
									<td>
										<div class="">
											100 %
										</div>
									</td>
									<td><a class="btn btn-danger btn-sm" href="/borrow_info.do?id=3">查看</a></td>
								</tr>
								<tr>
									<td>zhangsan</td> 	
									<td>很急，急需5000买华为p20手机</td>
									<td class="text-info">
										10%
									</td>
									<td class="text-info">5,000</td>
									<td>等额本息</td>
									<td>6月</td>
									<td>
										<div class="">
											100 %
										</div>
									</td>
									<td><a class="btn btn-danger btn-sm" href="/borrow_info.do?id=4">查看</a></td>
								</tr>
								<tr>
									<td>zhangsan001</td> 	
									<td>借5000玩传奇</td>
									<td class="text-info">
										6%
									</td>
									<td class="text-info">5,000</td>
									<td>等额本息</td>
									<td>1月</td>
									<td>
										<div class="">
											100 %
										</div>
									</td>
									<td><a class="btn btn-danger btn-sm" href="/borrow_info.do?id=5">查看</a></td>
								</tr>
					</tbody>
					
				</table>
			</div>
			
			
			<div class="panel el-panel">
				<div class="panel-title">
					<span class="pull-left">
						企业最新资讯
					</span>
					<div class="pull-right">
						<a class="btn btn-link " href="">
							 更多资讯
						</a>
					</div>
				</div>
				<div class="el-new-list">
					<ul>
						<li>
							<a href="#">
								<span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
								<span class="pull-right">发表日期：2015-03-23</span>
								<span class="clearfix"></span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
								<span class="pull-right">发表日期：2015-03-23</span>
								<span class="clearfix"></span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="pull-left">央视力挺互联网金融 肯定P2P行业 </span>
								<span class="pull-right">发表日期：2015-03-23</span>
								<span class="clearfix"></span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
<div class="container-foot-2">
	<div class="context">
		<div class="left">
			<p>版权所有：&emsp;广州xxx科技有限公司</p>
			<p>地&emsp;&emsp;址：&emsp;广州市天河区棠下荷光三横路盛达商务园D座5楼</p>
			<p>电&emsp;&emsp;话： 020-29007520&emsp;&emsp;
				邮箱：&emsp;service@520it.com</p>
			<p>
				<a href="http://www.miitbeian.gov.cn" style="color: #ffffff">ICP备案
					：粤ICP备字1504547</a>
			</p>
			<p>
				<a href="http://www.gzjd.gov.cn/wlaqjc/open/validateSite.do" style="color: #ffffff">穗公网安备：44010650010086</a>
			</p>
		</div>
		<div class="right">
			<a target="_blank" href="http://weibo.com/ITxiaomage"><img
				src="/images/sina.png"></a>
		</div>
		<div class="clearfix"></div>
	</div>
</div>	</body>
</html>